<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <title>组合选择器</title>
    <style type="text/css">
        /*
         后代选择器：
         基本选择器  基本选择器{
         }
         儿子级别选择器：
         基本选择器>基本选择器{
         }
        */


        div span{
            color:red;
        }
        div>span{
            color:red;
        }


    </style>


</head>
<body>
<div>
    <span>
        我是儿子级别的span。
    </span>
    <p>
        <span>
            我是孙子级别的span。
        </span>
    </p>
</div>


    <span>
        我是儿子级别的span。
    </span>
    <p>
            <span>
                我是孙子级别的span。
            </span>
    </p>

</body>
</html>